<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link href="css/bootstrap.css" type="text/css" rel="stylesheet" />
		<link href="css/zzxx.css" type="text/css" rel="stylesheet" />
		<link href="css/font-awesome.css" type="text/css" rel="stylesheet" />
		<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<title>作业情况</title>
	</head>

	<body>
		<!--导航栏-->
		<div class="top">
			<div class="wrap">
				<div class="main_nav clear">
					<a href="#"><img src="img/logo.png" /></a>
					<ul class="tch_nav lt">
						<li class="dropdown">
							<a href="#" data-toggle="dropdown">题库</a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
								<li><a href="#">按知识点</a></li>
								<li><a href="#">按章节</a></li>
								<li><a href="#">按试卷</a></li>
								<li><a href="#">我的题库</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" data-toggle="dropdown">作业</a> 
							<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
								<li><a href="#">作业报告</a></li>
								<li><a href="#">学生过关情况</a></li>
								<li><a href="#">学生错题集</a></li>
							</ul>
						</li>
						<li>
							<a href="#">我的课程</a>
						</li>
					</ul>
					<ul class="b_nav rt">
						<li class="second">
							<a href="#">作业</a><span>1</span>
						</li>
						<li class="third">
							<a href="#">错题集</a>
						</li>
						<li class="last">
							<a href="#">APP</a>
						</li>
						<li class="dropdown user">
							<a href="#" data-toggle="dropdown">秦路<i></i></a>
							<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
								<li>
									<a href="#">我的作业</a>
								</li>
								<li>
									<a href="#">我的错题</a>
								</li>
								<li>
									<a href="#">设置</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--end 导航栏-->
		
		<div class="wrap">
			<!--左边栏-->
			<div class="lt">
				<div class="exerupload">
					<button type="button" class="btn btn-success" data-toggle="modal" data-target=".bs-example-modal-lg"><i class="fa fa-arrows-alt"></i>布置作业</button>
				</div>
				<div class="sidebar">
					<div class="sidebarbotm">
						<ul>
							<li><a href="#">作业报告</a></li>
							<li><a href="#" class="active">学生过关情况</a></li>
							<li><a href="#">学生错题集</a></li>
							<li><a href="#">我的试卷</a></li>
							<li><a href="#">真题模拟</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!--end 左边栏-->
			
			<!-- 模态框 -->
		<div class="modal fade bs-example-modal-lg" id="example" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
		  <div class="modal-dialog modal-lg lesson" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
		        <h4 class="modal-title" id="myLargeModalLabel">请选择班级</h4>
		      </div>
		      <div class="modal-body">
		      	<ul>
		      		<li><a href="#" class="btn btn-success">高一(1)班</a></li>
		      		<li><a href="#" class="btn btn-default">高一(2)班</a></li>
		      		<li><a href="#" class="btn btn-default">高一(4)班</a></li>
		      		<li><a href="#" class="btn btn-default">高一(5)班</a></li>
		      		<li><a href="#" class="btn btn-default">高一(6)班</a></li>
		      		<li><a href="#" class="btn btn-default">高一(7)班</a></li>
		      		<li><a href="#" class="btn btn-default">高一(8)班</a></li>
		      	</ul>
		      	<button type="submit" class="btn btn-warning">确定</button>
		      </div>
		    </div>
		  </div>
		</div>
		<!-- end 模态框 -->
			
			<!--右侧-->
			<div class="rt rightside">
				
				<ul id="myTab" class="nav nav-tabs a_tab">
					<li class="active">
						<a href="#single" data-toggle="tab">
							 作业情况
						</a>
					</li>
					<li><a href="#exer" data-toggle="tab">作业习题</a></li>
				</ul>
				
				<div id="myTabContent" class="tab-content">
				<!--作业情况-->
				<div class="lessonlist homework tab-pane active" id="single">
					<ul>
						<li>已完成<span>6/52</span></li>
						<li>班平均分<span>80</span></li>
						<li>平均用时<span>2分钟</span></li>
					</ul>
					<table width="100%" border="0" cellpadding="0" cellspacing="0" class="table table-striped">
						<tr>
							<th width="18%">姓名</th>
							<th width="18%">平均分</th>
							<th width="30%">完成时间</th>
							<th width="20%">完成用时</th>
							<th width="24%">操作</th>
						</tr>
						<tr>
							<td>李俊峰</td>
							<td>86</td>
							<td>2017-01-21 15:26</td>
							<td>2分钟</td>
							<td>
								<button type="button" class="btn">查看</button>
							</td>
						</tr>
						<tr>
							<td>李俊峰</td>
							<td>86</td>
							<td>2017-01-21 15:26</td>
							<td>2分钟</td>
							<td>
								<button type="button" class="btn">查看</button>
							</td>
						</tr>
						<tr>
							<td>李俊峰</td>
							<td>86</td>
							<td>2017-01-21 15:26</td>
							<td>2分钟</td>
							<td>
								<button type="button" class="btn">查看</button>
							</td>
						</tr>
						<tr>
							<td>李俊峰</td>
							<td>86</td>
							<td>2017-01-21 15:26</td>
							<td>2分钟</td>
							<td>
								<button type="button" class="btn">查看</button>
							</td>
						</tr>
						<tr>
							<td>李俊峰</td>
							<td>86</td>
							<td>2017-01-21 15:26</td>
							<td>2分钟</td>
							<td>
								<button type="button" class="btn">查看</button>
							</td>
						</tr>
						<tr>
							<td>李俊峰</td>
							<td>86</td>
							<td>2017-01-21 15:26</td>
							<td>2分钟</td>
							<td>
								<button type="button" class="btn">查看</button>
							</td>
						</tr>
						<tr>
							<td>李俊峰</td>
							<td>86</td>
							<td>2017-01-21 15:26</td>
							<td>2分钟</td>
							<td>
								<button type="button" class="btn">查看</button>
							</td>
						</tr>
					</table>
				</div>
				<!--end 作业情况-->
				
				<!--作业习题-->
				<div id="exer" class="exercises tab-pane">
					<div class="subject">
						<h6><span>题1</span>下列离子方程式正确的是（）</h6>
						<ul>
							<li><span>A</span>硫酸镁溶液跟氢氧化钡溶液反应：SO42-+Ba2+=BaSO4↓</li>
							<li><span>B</span>硫酸和氢氧化铜溶液混合：H++OH-=H2O</li>
							<li><span>C</span>澄清石灰水中加入盐酸Ca(OH)2+2H+=Ca2++2H2O</li>
							<li><span>D</span>铜片插入硝酸银溶液中：Cu+2Ag+=Cu2++2Ag</li>
						</ul>
						<div class="myanswer"><span>【正确答案】</span><i class="color">A</i></div>
						<div class="accuracy">
							<span class="wrong">9人做错了</span>
							<span class="right">30人做对了</span>
							<span>12人未完成</span>
						</div>
						<div class="panel panel-default answer">
								<div class="panel-heading chapter">
									<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
									<i>习题解析</i>
									<span class="glyphicon glyphicon-chevron-down"></span>
								</a>
							</h4>
								</div>
								<div id="collapseOne" class="panel-collapse collapse">
									<div class="panel-body">
										<p>A. 冷水浸泡属于物质的溶解  B. 加热煎制加热属于加热  C. 箅渣取液属于过滤操作  D. 灌装保存是液体的转移</p>
										<p><img src="img/img1.jpg" /></p>
									</div>
								</div>
							</div>
					</div>
					<div class="subject">
						<h6><span>题1</span>下列离子方程式正确的是（）</h6>
						<ul>
							<li><span>A</span>硫酸镁溶液跟氢氧化钡溶液反应：SO42-+Ba2+=BaSO4↓</li>
							<li><span>B</span>硫酸和氢氧化铜溶液混合：H++OH-=H2O</li>
							<li><span>C</span>澄清石灰水中加入盐酸Ca(OH)2+2H+=Ca2++2H2O</li>
							<li><span>D</span>铜片插入硝酸银溶液中：Cu+2Ag+=Cu2++2Ag</li>
						</ul>
						<div class="myanswer"><span>【正确答案】</span><i class="color">A</i></div>
						<div class="accuracy">
							<span class="wrong">9人做错了</span>
							<span class="right">30人做对了</span>
							<span>12人未完成</span>
						</div>
						<div class="panel panel-default answer">
								<div class="panel-heading chapter">
									<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
									<i>习题解析</i>
									<span class="glyphicon glyphicon-chevron-down"></span>
								</a>
							</h4>
								</div>
								<div id="collapseTwo" class="panel-collapse collapse">
									<div class="panel-body">
										<p>A. 冷水浸泡属于物质的溶解  B. 加热煎制加热属于加热  C. 箅渣取液属于过滤操作  D. 灌装保存是液体的转移</p>
										<p><img src="img/img1.jpg" /></p>
									</div>
								</div>
							</div>
					</div>
					<div class="subject">
						<h6><span>题1</span>下列离子方程式正确的是（）</h6>
						<ul>
							<li><span>A</span>硫酸镁溶液跟氢氧化钡溶液反应：SO42-+Ba2+=BaSO4↓</li>
							<li><span>B</span>硫酸和氢氧化铜溶液混合：H++OH-=H2O</li>
							<li><span>C</span>澄清石灰水中加入盐酸Ca(OH)2+2H+=Ca2++2H2O</li>
							<li><span>D</span>铜片插入硝酸银溶液中：Cu+2Ag+=Cu2++2Ag</li>
						</ul>
						<div class="myanswer"><span>【正确答案】</span><i class="color">A</i></div>
						<div class="accuracy">
							<span class="wrong">9人做错了</span>
							<span class="right">30人做对了</span>
							<span>12人未完成</span>
						</div>
						<div class="panel panel-default answer">
								<div class="panel-heading chapter">
									<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
									<i>习题解析</i>
									<span class="glyphicon glyphicon-chevron-down"></span>
								</a>
							</h4>
								</div>
								<div id="collapseThree" class="panel-collapse collapse">
									<div class="panel-body">
										<p>A. 冷水浸泡属于物质的溶解  B. 加热煎制加热属于加热  C. 箅渣取液属于过滤操作  D. 灌装保存是液体的转移</p>
										<p><img src="img/img1.jpg" /></p>
									</div>
								</div>
							</div>
					</div>
				</div>
				<!--end 作业习题-->
				
				</div>							
			</div>
			<!--end 右侧-->
		</div>
	
	<div class="foot">西安阿凡达信息技术有限公司</div>
	</body>

</html>